body,p,ul,li,h1,h2,h3,h4,h5,h6,input,dl,dt,dd{
    margin: 0;
    padding: 0;
}
input{
    border: 0;
}
body{
    background-color: #F2F2F2;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
    font-size: 14px;
    color: #333;
}
.left{
    float: left;
}
.right{
    float: right;
}
li{
    list-style-type: none;
}
a{
    text-decoration: none;
}
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
#header{
    width: 100%;
    min-width: 1210px;
    background-color: #363636;
}
#head{
    width: 1210px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    position: relative;
    /*background: #74c0f9;*/
}
#head li a:hover{
    color: #fc8080;
}
#head li{
    float: left;
}
#head li a{
    color: #bfbfbf;
}
#head .head-ul1{
    float: left;
    margin-left: -12px;
    /*background: #f99;*/
}
#head .fore{
    padding: 0 12px;
}
#head .spacer{
    width: 1px;
    height: 12px;
    margin-top: 14px;
    background: #aaa;
}
#head .head-ul2{
    float: right;
    /*background: #ffeeee;*/
}
#head .head-ul2 .cart div{
    height: 0px;
    /*opacity: 0;*/
    display: none;
    overflow: hidden;
    padding: 35px;
    width: 335px;
    right: -1px;
    background: #fff;
    position: absolute;
    top: 40px;
    text-align: center;
    border: 1px solid #ddd;
    z-index: 2000;
    /*transition: all 1s linear;*/
}
/*#head .head-ul2 .cart:hover div{
    height: 87px;
    opacity: 1;
    display: block;
    overflow: visible;
}*/
#head .head-ul2 .cart div img{
    vertical-align: middle;
    text-align: center;
}
#head .head-ul2 .cart div a{
    display: block;
}
#head #subnav{
    position: absolute;
    right: 0px;
    top: 40px;
    width: 1210px;
   /* opacity: 0;
    filter:alpha(opacity=0);*/
    /*height: 208px;*/
    padding: 30px 0 20px;
    border: 1px solid #DCDCDC;
    border-top: none;
    background-color: #fff;
    display: none;
    z-index: 500;
}
#head #subnav .categorys-box{
    padding-left: 40px;
    float: left;
}
#head #subnav .icon_new,#head #subnav .icon_hot{
    position: absolute;
    top: -3px;
    right: -7px;
    display: block;
    width: 9px;
    height: 14px;
    overflow: hidden;

}
#head #subnav .categorys-box .icon_new{
    background: url(../img/green_N.gif) no-repeat;
}
#head #subnav .categorys-box .icon_hot{
    background: url(../img/red_H.gif) no-repeat;
}
#head #subnav .wid1{
    width:129px;
}
#head #subnav .wid1 h3{
    color: #227ac1;
}

#head #subnav .wid2{
    width:105px;
}
#head #subnav .wid2 h3{
    color: #fc8080;
}

#head #subnav .wid3{
    width:160px;
}
#head #subnav .wid3 h3{
    color: #2ca916;
}
#head #subnav .wid4{
    width:159px;
}
#head #subnav .wid4 h3{
    color: #6f1fb9;
}

#head #subnav .wid5{
    width:150px;
}
#head #subnav .wid5 h3{
    color: #f59c00;
}
#head #subnav .wid6{
    width:260px;
}
#head #subnav .wid6 h3{
    color: #333;
}
#head #subnav .wid6 .mar{
    margin-right: 40px;
}

#head #subnav .categorys-box h3{
    width: 100%;
    font-size: 16px;
    line-height: 17px;
    margin-left: 4px;
    margin-bottom: 10px;
    font-family: 微软雅黑,'Arial, Helvetica, sans-serif';
}
#head #subnav .categorys-box li{
    height: 30px;
    line-height: 30px;
    display: block;
    float: none;
}
#head #subnav .categorys-box li a{
    font-size: 14px;
    color: #333;
    position: relative;
    padding: 2px 5px;
}
#head #subnav .categorys-spacer{
    float: left;
    /*height: 100%;
    min-height: 180px;*/
    height: 209px;
    padding: 0;
    border-right: 1px dashed #BCBCBC;
    overflow: hidden;
}





#nav{
    width: 100%;
    min-width: 1210px;
    background-color: #fff;
    height: 108px;
    position: relative;
   /* position: fixed;*/
    z-index: 200;
}
#nav-con{
    overflow: hidden;
    width: 1210px;
    margin: 0 auto;
}
#logo{
    width: 270px;
    height: 48px;
    line-height: 48px;
    margin-top: 30px;
}
#nav-head{
    width: 603px;
    height: 108px;
    line-height: 108px;
    overflow: hidden;
    padding-left: 17px;
}
#nav-head li{
    float: left;
    height: 108px;
    line-height: 108px;
    padding: 0 6px;
}
#nav-head li a{
    color: #333;
    font-size: 16px;
    padding: 0px 15px;
    display: inline-block;
    /*position: relative;*/
}
#nav-head .model{
    position: absolute;
    z-index: 50;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #ddd;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    display: none;
    height: 230px;
    left: 0px;
    line-height: normal;
    top: 107px;
    width: 100%;
}
#nav-head .model #ls{
    width: 1210px;
    height: 230px;
    margin: 0 auto;
    position: relative;
   /* background: #ffdddd;*/
}
#nav-head .model #ls .bd{
    margin-left: 45px;
    overflow: hidden;
    zoom: 1;
    width: 1110px;
    position: relative;

}
#nav-head #ls #bd-left{
    width: 45px;
    height: 45px;
    display: block;
    background: url(../img/left_right.png) no-repeat;
    position: absolute;
    /*top: 50%;*/
    margin-top: -20px;
}
#nav-head .iconfont{
    transition: transform .2s ease-out 0s;
}
#nav-head .model ul{
    width: 1210px;
    margin: 0 auto;
}
#nav-head .model li{
    float: left;
    width: 280px;
    height: 210px;
    line-height: 100%;
    padding: 20px 0 0;
}
#nav-head .model li a {
    padding: 0;
    width: 280px;
    display: inline-block;
    color: #333;
    font-size: 16px;
}
#nav-head .model li a {
    text-align: center;
}
#nav-head .model li a div{
    border-left: 1px solid #DCDCDC;
}
#nav-head .model li a .first{
    border-left: none;
}


#nav-head .model li a p{
    font-size: 18px;
    height: 30px;
    line-height: 30px;
}
#nav-head a:hover{
    color: #fc8080;
}
#search{
    width: 320px;
    height: 48px;
    margin-top: 34px;
    position: relative;
}
#search-content{
    text-indent: 6px;
    float: left;
    width: 260px;
    height: 40px;
    border: 1px solid #ccc;
    border-right: none;
    color: #aaa;
}
#search-btn{
    float: left;
    width: 42px;
    height: 42px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #CCCCCC;

}
#wrap{
    position: relative;
    width: 100%;
    min-width: 1210px;
}
#box{
    width: 100%;
    height: 425px;
    overflow: hidden;
    position: relative;
}
#image-list{
    width: 17280px;
    height: 425px;
    position: absolute;
    left: -1920px;

}
#image-list img{
    width: 1920px;
    vertical-align: bottom;
}
#image-list li{
    float: left;
    position: relative;
    left: -355px;

             }
#btn-list .active{
    background: #FC7878;;
}
#direction-btn{
  /* display: none; */
}
#direction-btn a{
    position: absolute;
    z-index: 10;
    left:0;
    top: 186px;
    height: 70px;
    width: 55px;
    background-repeat: no-repeat;
}
#direction-btn #left-btn{
    left: 314px;
    background: url(../img/left.png) no-repeat;
}
#direction-btn #left-btn:hover{
    background: url(../img/left1.png) no-repeat;
}
#direction-btn #right-btn{
    right: 17px;
    left: auto;
    background: url(../img/right.png) no-repeat;
}
#direction-btn #right-btn:hover{
    background: url(../img/right1.png) no-repeat;
}
#list{
    width: 1210px;
    margin: 0 auto;
}
#left-menu{
    position: relative;
    z-index: 2;
    background: rgba(0,0,0,.5);
    width: 270px;
    height: 425px;
}
#left-menu li{
    height: 106.25px;
    color: #fff;
    font-size: 14px;
    position: relative;
}
#left-menu li a{
    color: #fff;
    display: inline-block;
    height: 45px;
    padding: 31px 0 30px 90px;
}
#left-menu li a h3{
    font-size: 18px;
    font-weight:500;
}
#left-menu li a p{
    height: 20px;
    margin: 10px 0;
}
#left-menu li:hover{
    background: rgba(255,255,255,0.3);
}
#left-menu li .a1{
    background: url(../img/banner_list_1.png) no-repeat 0 center;
    background-position: 20px;
}
#left-menu li .a1:hover{
    background-image: url(../img/banner_list_1_hover.png);
}
#left-menu li .a2{
    background: url(../img/banner_list_2.png) no-repeat 0 center;
    background-position: 25px;
}
#left-menu li .a2:hover{
    background-image: url(../img/banner_list_2_hover.png);
}
#left-menu li .a3{
    background: url(../img/banner_list_3.png) no-repeat 0 center;
    background-position: 20px;
}
#left-menu li .a3:hover{
    background-image: url(../img/banner_list_3_hover.png);
}
#left-menu li .a4{
    background: url(../img/banner_list_4.png) no-repeat 0 center;
    background-position: 20px;
}
#left-menu li .a4:hover{
    background-image: url(../img/banner_list_4_hover.png);
}
#menu-content{
    /*height: 425px;*/
    position: absolute;
    z-index: 2;
    top: 0;
    left: 270px;
    overflow: hidden;
    box-shadow: 3px 3px 10px rgba(0, 0,0, 0.3);
}
#menu-content .con{
    height: 425px;
    display: none;
    background: #fff;
    border-top: 1px solid #CCCCCC;
}
#menu-content .con .con_l{
    width: 300px;
    height: 425px;
    float: left;
}
#menu-content .con .con_l li{
    width: 300px;
    height: 85px;
}
#menu-content .con .con_l li a {
    color: #333;
}
#menu-content .con .con_l li a div{
    width: 120px;
    text-align: center;
    float: left;
    height: 85px;
    line-height: 85px;
}
#menu-content .con .con_l li a div img{
    vertical-align: middle;
}
#menu-content .con .con_l li a h4{
    font-size: 15px;
    float: left;
    height: 85px;
    line-height: 85px;
    font-weight: 500;
}
#menu-content .con .con_r{
    float: left;
}
#menu-content .wid1{
    width: 640px;
}
#menu-content .wid2{
    width: 940px;
}
#btn-list{
    padding-top: 15px;

    width: 644px;
    margin: 0 auto;
}
#btn-list a{
    float: left;
    display: block;
    margin-left: 10px;
    height: 5px;
    width: 80px;
    background: #C1C1C1;
    cursor: pointer;
}

#content{
    width: 100%;
}
#main{
    width: 1210px;
    padding-top: 50px;
    margin: auto;
    overflow: hidden;
}
#main #ec{
    overflow: hidden;
}
#main #ec div{
    position: relative;
    overflow: hidden;
    background-color: #ff9d9d;
    height: 260px;
}
#main #ec div img{
    position: absolute;
    left: 0;
    top: 0;
}
#main #ec .wid484{
    width: 484px;
}
#main #ec .wid241{
    width: 241px;
}
#main #ec .mar{
    margin-right: 1px;
}
#main #dsxt{
    margin-top: 50px;
    width: 100%;
}
#main #jp{
    margin-top: 50px;
    width: 100%;
}
#main h3{
    font-size: 24px;
    font-weight: 500;
}
#main .canvas{
    width: 1210px;
    margin-top: 10px;
    overflow: hidden;
}
#main .canvas ul{
    width: 1222px;
}
#main .canvas ul li{
    float: left;
    width: 294px;
    margin-right: 11px;
    margin-bottom: 11px;
    padding-bottom: 10px;
    background-color: #fff;
    position: relative;
}
#main .canvas .par{
    height: 54px;
    position: relative;
    z-index: 2;
    background: white;
}
#main .canvas .canv{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    background: white;
}
#main .canvas .canv b{
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;

}
#main .canvas .canv b a{
    color: #333;
}
#main .canvas .canv b a:hover{
    color: #ef353d;
    text-decoration: underline;
}
#main .canvas .canv span{
    display: block;
    font-size: 12px;
    text-align: center;

}
#main .canvas .canv span a{
    color: #919191;
}
#main .canvas .canv span a:hover{
    color: #ef353d;
}
#main  .canvas .canv p{
    height: 0;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    color: #71cd9c;
    overflow: hidden;
}
#main  .canvas .price-att{
    margin-top: 5px;
}
#main  .canvas .price{
    float: left;
    margin-left: 60px;
    font-size: 12px;
    color: #ef353d;
}
#main  .canvas .att{
    float: right;
    margin-right: 60px;
    padding-left: 15px;
    font-size: 12px;
    color: #71cd9c;
    background-image: url(../img/cover-page-attente.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}
#main #al{
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
}
#main #al .altitle{
    padding-bottom: 20px;
    width: 100%;
    overflow: hidden;
}
#main #al .altitle h3{
    font-size: 24px;
    font-weight: 500;
    float: left;
}
#main #al .altitle a{
    color: #333;
    float: right;
}
#main #al .altitle span{
    float: right;
    padding-right: 8px;
    background-image: url(../img/trangle-right.png);
    background-repeat: no-repeat;
    background-position: right 8px;
}
#main #al .albody li{
    position: relative;
    float: left;
    width: 242px;
    height: 242px;
    overflow: hidden;
}
#main #al .albody li img{
    width: 100%;
    transition: all .2s linear;
}
#main #al .albody li:hover img{
    transform: scale(1.2);
}

#main #al .albody li a{
    position: absolute;
    left: 0;
    top: -242px;
    /*top: 0;
    left: 0;*/
    width: 242px;
    height: 242px;
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}
#main #al .albody li a span{
    display: block;
    width: 180px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 28px;
    color: #222;
    margin-top: 65px;
}

#main #tang{
    overflow: hidden;
    width: 1236px;
    margin-top: 50px;
    margin-left: -26px;

}
#main #tang .zst{
    width: 386px;
    margin-left: 26px;
}
#main #tang .zxt{
    width: 386px;
    margin-left: 26px;
}
#main #tang .kbt{
    width: 386px;
    margin-left: 26px;
}
#main #tang .ti{
    padding-bottom: 20px;
    font-weight: 500;
    overflow:hidden;
}
#main #tang .ti a:hover{
    text-decoration: underline;
}
#main #tang .ti .h3{
    float: left;
    margin: 0px;
    padding: 5px 0px;
    font-size: 24px;
}
#main #tang .ti .h3 a{
    color: #333;
}
#main #tang .ti i{
    float: left;
    display: block;
    width: 40px;
    height: 35px;
    margin-left: 10px;
}
#main #tang .ti .more{
    width: 50px;
    height: 24px;
    margin-top: 5px;
    font-weight: normal;
    line-height: 24px;
    color: #333;
    text-align: center;
    border-radius: 3px;
    float: right;
}
#main #tang .ti .more span{
    float: right;
    padding-right: 8px;
    background-image: url(../img/trangle-right.png);
    background-repeat: no-repeat;
    background-position: right 9px;
}
#main #tang .ti .more span:hover{
    text-decoration: underline;
}


#main #tang .bo{
    width: 386px;
    height: 135px;
    padding-top: 20px;
    padding-bottom: 20px;

}

#main #tang .zst .bo{
    background-color: #E4F0CA;
}
#main #tang .zst i{
    background: url(../img/zst.png) no-repeat 0px 8px;
}
#main #tang .zxt .bo{
    background-color: #FAE6D9;
}
#main #tang .zxt i{
    background: url(../img/zxt.png) no-repeat 0px 8px;
}
#main #tang .kbt .bo{
    background-color: #D6EEF2;
}
#main #tang .kbt i{
    background: url(../img/kbt.png) no-repeat 0px 8px;
}
#main #tang .bo a{
    float: left;
    width: 360px;
    height: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    font-weight: normal;
    line-height: 27px;
    color: #333;
    text-indent: 33px;
    background-image: url(../img/xd.png);
    background-repeat: no-repeat;
    background-position: 23px center;
}
#main #tang .bo a:hover{
    color:#ef353d ;
}
#main .six{
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 25px;
    border-top: 1px solid #DFDFDF;
    font-size: 14px;
    float: left;
}
#main .six dl{
    float: left;
    width: 220px;
    margin: 10px;
    padding-right: 0;
    border-right: 2px solid #E3E3E3;
}
#main .six dl dt:hover{
    text-decoration: underline;
    cursor: pointer;
}
#main .six div{
    float: left;
    width:240px;
    height:60px;
}
#main .six dl a{
    float: left;
    width: 100px;
    font-size: 12px;
    line-height: 25px;
    color: #606060;
}
#main .six dl a:hover{
    color:#ef353d
}
#main .six dl dd{
    float: left;
}
#main .six div a{
    color: #606060;
}
#main .seven{
    width:100%;
    font-size: 12px;
    height: 20px;
    padding-bottom: 30px;
    float: left;
    overflow: hidden;
}
#main .seven div{
    float: left;
    display: block;
    height:20px;
    line-height:20px;
    width:60px;
    color: #999;
}
#main .seven a{
    color: #606060;
    display: block;
    height: 20px;
    line-height:20px;
    margin:0 5px;
    float: left;
}
#main .seven a:hover{
    color:#ef353d ;
    text-decoration: underline;
}
#main .seven .last{
    float: right;
}
#footer{
    width: 100%;
    min-width: 1210px;
    overflow: hidden;
    background-color: #e1e1e1;
}
#foot{
    text-align: center;
    width: 1210px;
    margin: 0 auto;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    color: #3A3A3A;
}
#foot .first a{
    color: #3A3A3A;
    line-height:30px;
    height:30px;
    padding-right: 10px;
    padding-left: 5px;
    border-right: 1px solid #ccc;
}
#foot .first a:hover{
    color:#ef353d ;
}
#foot .two{
    height:30px;
    line-height:30px;
    color: #888;
}
#foot .three{
    height:24px;
    line-height:24px;
    color: #888;
}
#foot .four{
    padding: 16px 0;
}
#foot .four img{
    margin:0 10px;
}
#foot .five{
    height:20px;
    line-height:20px;
}
#foot .five img{
    vertical-align:middle;
}








